<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>答辩人员列表</title>
    <link rel="icon" href="favicon.ico" type="image/x-icon" />
    <link href="./css/bootstrap.min.css" rel="stylesheet">
    <link href="./css/style.css" rel="stylesheet">
    <script src="./js/jquery-2.2.4.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/public.js"></script>
    <script src="./js/Personnel-list.js"></script>
</head>

<body style="background-color: #f7f7fa;min-width: 1200px;">
    <nav id="system-topnav">
        广西民族大学相思湖学院毕业设计答辩系统
        <div style="display: inline;" id="navbox">
            <span>
                <div class="btn-group">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
                    <ul class="dropdown-menu" style="right:0;">
                        <li><a href="#" id="public-update">修改密码</a></li>
                        <li><a href="Personnel-list.html">答辩列表</a></li>
                        <li role="separator" class="divider" style="margin:0"></li>
                        <li><a href="#" id="cancel">注销</a></li>
                    </ul>
                </div>
            </span>
            <span id="nav-position">老师</span>
            <span id="nav-username" style="color: blue;">高美丽</span>
        </div>
    </nav>
    <div id="ABwrap">
        <div class="list-divwrap">
            <p class="list-group-title">A组</p>
            <ul id="list-Agroup">
                <li>
                    <span>1</span>
                    <span>117333440101</span>
                    <span>小明</span>
                    <span value="4" class="personal-status">缺考</span>
                </li>
                <li>
                    <span>2</span>
                    <span>117333440102</span>
                    <span>小刚</span>
                    <span value="1" class="personal-status">已答辩</span>
                </li>
                <li>
                    <span>3</span>
                    <span>117333440103</span>
                    <span>小王</span>
                    <span value="2" class="personal-status">答辩中</span>
                </li>
                <li>
                    <span>4</span>
                    <span>117333440104</span>
                    <span>小红</span>
                    <span value="3" class="personal-status">未答辩</span>
                </li>

            </ul>
        </div>
        <div class="list-divwrap" style="margin-left: -6px;border-right: none;padding-left: 28px;">
            <p class="list-group-title" style="padding-left: 28px;">B组</p>
            <ul id="list-Bgroup">
                <li>
                    <span>1</span>
                    <span>117333440201</span>
                    <span>王小新</span>
                    <span value="4" class="personal-status">缺考</span>
                </li>
                <li>
                    <span>2</span>
                    <span>117333440202</span>
                    <span>赵小杰</span>
                    <span value="1" class="personal-status">已答辩</span>
                </li>
                <li>
                    <span>3</span>
                    <span>117333440203</span>
                    <span>黄大宏</span>
                    <span value="1" class="personal-status">已答辩</span>
                </li>
                <li>
                    <span>4</span>
                    <span>117333440204</span>
                    <span>李小漓</span>
                    <span value="3" class="personal-status">未答辩</span>
                </li>
            </ul>
        </div>
    </div>
    <div class="modal fade" id="myModal-public" tabindex="-1">
        <div class="modal-dialog" style=" position: relative;
        top: 40%;
        transform: translateY(-50%);">
            <div class="modal-content">
                <div class="modal-header">
                    <p class="modal-title"
                        style="display: inline-block;float: left;font-size: 15px;font-weight: bold;"></p>
                    <button type="button" class="close" data-dismiss="modal">X</button>
                </div>
                <div class="modal-body" id="myModal-public-body" style="text-align: center;">

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn" data-dismiss="modal" style="padding: 2px 20px;">关闭</button>
                </div>
            </div>
        </div>
    </div><!-- 公共模态框 -->
</body>

</html>